<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: Master
  Date: 2022/12/2
  Time: 9:44
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>产品介绍</title>
    <link rel="stylesheet" href="../css/common.css">
    <%--    <script src="../js/jquery-3.6.1.min.js"></script>--%>
    <%--    <script src="../js/common.js"></script>--%>
    <link rel="stylesheet" href="../css/product.css">
</head>
<body class="justify-content-center">
<div>
    <!--    头部-->
    <jsp:include page="top.jsp"/>
    <!--    中间-->
    <div class="mid justify-content-center">
        <div>

            <div class="justify-content-between">
                <!--                标题-->
                <div class="title">产品介绍</div>
                <!--                新闻类型-->
                <div class="align-items-center product-style">
                    <div>【川菜】</div>
                    <div>【粤菜】</div>
                    <div>【湘菜】</div>
                    <div>【鲁菜】</div>
                    <div>【鄂菜】</div>
                    <div>【闽菜】</div>
                </div>
            </div>
            <div class="border-top">
                <div class="product-content flex-wrap justify-content-between">
                    <c:forEach var="model" items="${productModelList}">
                        <div>
                            <div><img src="${model.imgHref}"></div>
                            <div class="font-title single-over">${model.name}</div>
                            <div class="justify-content-start">
                                <div>价格：</div>
                                <div class="price">${model.marketPrice}</div>
                            </div>
                            <div class="font-content many-over-three">
                                    ${model.content}
                            </div>
                        </div>
                    </c:forEach>


                </div>
                <!--                分页-->
                <div id="page"></div>
            </div>
        </div>
    </div>
    <!--    底部-->
    <jsp:include page="foot.jsp"/>
</div>
</body>
</html>
